© Bakual

Spalten / Gridsystem in Beiträgen

Mehr
6 Jahre 11 Monate her - 6 Jahre 11 Monate her #3771 von Kurt
Hallo,

ich wollte mal fragen, ob ich mit dem
Code:
<div class="col-2">

irgendwie auch verschiedenen Breiten angeben kann, so dass beispielsweise die erste Spalte 2/3 des Beitrages und die zweite Spalte 1/3 des Beitrags einnimmt und wo genau ich dies angeben müsste?

Danke
Kurt

Meine Seiten mit Allrounder 4: www.mcv-moemlingen.de und www.kreisnarrenring.de
Letzte Änderung: 6 Jahre 11 Monate her von Kurt.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
6 Jahre 11 Monate her #3772 von Thomas Hunziker
Ne, das dürfte nicht gehen. Aber du kannst mit den normalen Bootstrap "span" Klassen arbeiten. Siehe getbootstrap.com/2.3.2/scaffolding.html#fluidGridSystem
Damit kannst du dir auch was selber bauen.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
6 Jahre 11 Monate her #3773 von Kurt
Hallo Thomas,

ich danke Dir für den Hinweis und werde das mal anschauen,

L.G.

Kurt

Meine Seiten mit Allrounder 4: www.mcv-moemlingen.de und www.kreisnarrenring.de

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
6 Jahre 11 Monate her #3774 von Kurt
Hallo Thomas,

ich habe das mal probiert, es klappt soweit, aber der Text ragt links aus dem Bereich des Beitrags heraus:

test.mcv-moemlingen.net/index.php/test-ani

Und wie könnte ich den Text vertikal zentrieren, damit er mittig zum Bild steht?

Hier der html-Quellcode hierzu:
Code:
<div class="row"> <div class="span8"> <div class="custom animated bounceInLeft eds-on-scroll "> <h1 style="text-align: left; padding-top: 100px;">Die ist die Testüberschrift</h1> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> </div> </div> <div class="span4"> <div class="rt-grid-5 rt-omega"> <div class="rt-block animated bounceInRight eds-on-scroll "> <div class="module-surround"> <div class="module-content"> <div class="custom animated bounceInRight eds-on-scroll "> <p style="text-align: right;"><img src="images/clown525.gif" alt="" width="200" height="300" /></p> </div> </div> </div> </div> </div> </div> </div> <h3>Test2 mit fixem Text:</h3> <div class="row"> <div class="span8"><h1 style="text-align: left; padding-top: 100px;">Die ist die Testüberschrift</h1> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p></div> <div class="span4"><p style="text-align: right;"><img src="images/clown525.gif" alt="" width="200" height="300" /></div> </div>

Meine Seiten mit Allrounder 4: www.mcv-moemlingen.de und www.kreisnarrenring.de

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
6 Jahre 11 Monate her #3775 von Thomas Hunziker
Versuchs mit "row-fluid" statt mit "row". Das sollte besser funktionieren denke ich.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
6 Jahre 11 Monate her #3776 von Kurt
Danke Thomas,

damit ist das Problem mit dem überstehenden Text gelöst.

Muss jetzt nur noch schauen wie ich den Text vertikal zentriere.

Gruß
Kurt

Meine Seiten mit Allrounder 4: www.mcv-moemlingen.de und www.kreisnarrenring.de

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Ladezeit der Seite: 0.201 Sekunden